<template>
  <el-card class="box-card">
    <router-link to="/home">首页</router-link>
    <router-link to="/container/group">群组</router-link>
    <router-link to="/container/friend">关注</router-link>
    <router-link to="/container/notice">通知</router-link>
    <router-link to="/container/collect">收藏</router-link>
    <router-link to="/container/favorite">赞</router-link>
    <!--<router-link to="/container/hot">热门</router-link>-->
    <router-link to="/container/recommend" v-if="recommend">内容推荐</router-link>
    <router-link to="/container/setting">设置</router-link>

    <!--<el-button @click="fun">点击正价</el-button>-->
    <!--<router-link to="/home">首页</router-link>-->
  </el-card>
</template>
<script>
  import ElButton from '../../../node_modules/element-ui/packages/button/src/button.vue'
  import { getSet } from '../../public/api'

  export default {
    components: {ElButton},
    data () {
      return {recommend: true}
    },
    methods: {
      fun () {
        this.$store.commit('increment', 6)
        this.$store.commit('getUser_id', 8)
      }
    },

    mounted () {
      getSet().then(
        data => {
          console.log('=====================================')
          this.recommend = data.data.recommend
        }
      ).catch(data => {})
    }

  }
</script>
<style scoped>
  .box-card {
    background: rgba(255, 255, 255, 0.37);
    width: 228px;
  }

  a {
    width: 100%;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid white;
  }

  .el-card__body a:last-child {
    border-bottom: none;
  }

  a:hover {
    background: rgba(0, 0, 0, 0.24);
    transition: all .2s ease-in;
  }
</style>
